چگونه با فوتوشاپ یک آیکن iCloud اپل را طراحی کنیم

ICloud جدیدترین سرویس خدماتی است که اپل آن را برای ذخیره سازی درست کرده است و لوگوی آن به قدری ساده و در عین حال زیباست که نظر هر طراحی را به خودش جلب می کند . این آیکن از طرحی براق ساخته شده است که در بالای آن یک ابر زیبا قرار گرفته است . ممکن است ندانید ولی به هر صورت طراحی این گونه آیکن ها بسیار ساده است . در زیر آیکن iCloud ی را می بینید که می خواهیم در این آموزش به شما یاد بدهیم که چگونه می توانید آن را به کمک فوتوشاپ طراحی کنید .

به نظر کمی پیچیده می آید ولی در واقع ما فقط به تعدادی Layer Styles ، شکل های وکتوریی پایه ای و کمی نقاشی دستی نیاز داریم ، خوب پس بهتره که کار را شروع کنیم !
کار را با ایجاد یک فایل با اندازه ی ۵۱۲ x 512 پیکسل شروع می کنیم . Rounded Rectangle Tool را فعال کنید . در نوار آپشن شعاع و radius آن را به ۷۵ پیکسل تنظیم کنید . کلیک کنید و یک مستطیل تمیز را بکشید . رنگ آن را به کد #۵d5d5d تنظیم کنید .

بر روی لایه دابل کلیک کنید تا باکس Layer Style dialog باز شود . یک Gradient Overlay با یک گرادیان پیش فرض اضافه کنید گرادیانی از سیاه تا سفید و شفافیت آن را به ۷۶درصد برسانید .

کنترلL+ را فشار بدهید تا لایه را کپی و تکرار کنید ( داپلیکیت ) . بر روی Edit > Free Transform کلیک کنید و یا Ctrl + T را فشار بدهید تا حالت تغییر اندازه را فعال کنید . از نوار آپشن سایز آن را به ۹۸درصد برسانید .

در پنل لایه ها ، Layer Style را با کشیدن آیکن fx به درون آیکن سطل زباله که در پایین سمت راست پنل لایه ها قرار دارد بکشید و آن را حذف کنید . سپس بر روی تامنیل لایه ها کلیک کلیک کنید تا باکس Layer Style dialog را بیاورید . به آن سایه داخلی و Gradient Overlay اضافه کنید .

در تنظیمات Gradient Overlay گرادیان را از حالت Style به Angle تبدیل کنید . بر روی باکس پیش نمایش گرادیان کلیک کنید تا ویرایش گر گرادیان باز شود و در آنجا از رنگ کد #۸e8e8e ، #a5a4a4 و #d8d8d8 استفاده کنید . راحت باشید و هر رنگ دیگری را که فکر می کنید مناسب این کار است را انتخاب کنید فقط دقت کنید رنگ اول و آخری را که انتخاب می کنید به یک صورت و همرنگ هم باشند .

بعد از آنکه Layer Styles را به آن اضافه می کنیم به نتیجه زیر می رسیم.

یک لایه جدید درست کنید آن را با گرادیان شعاعی از سیاه تا سفید پر کنید .

کلید ALT را پایین نگه دارید و ماسک وکتوری را از لایه قبلی به لایه فعلی بکشید . حالا این گرادیان تمام آیکن ما را پر می کند .

Layer Style را باز کنید و حالت آن را به Screen تغییر دهید .

یک مستطیل درون آیکن بکشید . شعاع آن را ۷۵ پیکسل و رنگ آن را کد #۲a2a2a قرار دهید .

دو شکل دایره ای دیگر اضافه کنید ( ابزار Ellipse را انتخاب کنید و سپس کلید شیفت را پایین نگه دارید و بکشید ) از نوار آپشن حالت path را به اضافه کردن به ناحیه شکل تنظیم کنید .

برو روی لایه ابر دابل کلیک کنید و سپس به آن سایه داخلی، Bevel و Emboss و همچنین Stroke اضافه کنید

لایه ابر را با استفاده از کلید های میان بر کنترل+j دابلیکت کنید . با کشیدن آیکن fx از تامنیل لایه به سطل زباله Layer Style آن را حذف کنید . به کمک کلید های کنترل T+ آن را تغییر اندازه دهید و به ۸۹ درصد سایز اولیه برسانید .

رنگ شکل را به کد #۵d5d5d تغییر دهید . جای تمام شکل ها را تغییر دهید تا اندازه ابر کوچک متناسب ابر بزرگ شود .

بر روی لایه ابر دابل کلیک کنید و Layer Styles زیر را اضافه کنید .

برای Gradient Overlay مطمئن شوید که از تنظیمات دقیق از Gradient Overlay که در قدم۲ با آن کار کردید استفاده کنید .

در اینجا نتیجه اضافه شدن Layer Styles را به ابر کوچک مشاهده می کنیم .

قدم ۶ : اضافه کردم بافت فلزی
طرح حاضری که پیش رو داریم خیلی صاف و ساده است . اجازه بدهید یک بافت براق فلزی بر روی سطح آن قرار دهیم . یک لایه جدید درست کنید . بر روی Edit > Fill کلیک کنید و رنگ سیاه را انتخاب کنید تا لایه را با آن رنگ پر کنید .

بر روی Filter > Noise > Add Noise کلیک کنید .

بر روی Filter > Blur > Radial Blur کلیک کنید . به ترتیب انتخاب کنید : Blur Method: Spin and Quality: Best

این فیلتر باعث ایجاد فر و نویز می شود و یک دایره موج دار را ایجاد می کند .

بر روی Image > Adjustments > Level کلیک کنید و یا با استفاده از کلیدهای میان بر Ctrl + L آن را باز کنید . در جعبه ای که ظاهر می شود نوار مشکی رنگ را به سمت سطح خارجی مرکز بکشید تا دایره موج دار را روشن تر کنید .

کلید ALT را نگه دارید و ماسک برداری را از لایه اصلی آیکن به لایه فعلی ببرید . حالا دایره ی موج دار درون آیکن است .

ابزار Path Selection را فعال کنید و مسیر ابر را همان طور که در مرحله ۴ انجام دادیم ، انتخاب کنید . کلید های کنترلC+ را فشار دهید تا کار را در کلیپبرد ذخیره کنید . سپس کلید های کنترل V+ را فشار دهید تا آن را بر روی ماسک برداری بچسبانید . حالت path آن را به حالت Subtract تنظیم کنید .

در آخر ، ابر کوچکی را که در مرحله ۵ ساختیم را کپی و پیست کنید . حالت path آن را به حالت اضافه کردن شکل تنظیم کنید .

در اینجا می توانید نتیجه کار را ببینید . دایره ی دوار درون سطح آیکن ابر قرار دارد .

حالت ترکیبی لایه را به حالت اسکرین تغییر دهید .

یک لایه جدید درست کنید و آن را در زیر دیگر لایه ها قرار دهید . یک ناحیه انتخابی بیضی گون را در زیر آیکن درست کنید ( با استفاده از ابزار رسم بیضی ) . حالا آن ناحیه را با رنگ مشکی پر کنید.

یک سایه نرم با استفاده از فیلتر درست کنید . با استفاده از فیلتر Gaussian Blur . برای این کار بر روی Filter > Blur > Gaussian Blur کلیک کنید .
سایه را با استفاده از کلید های کنترل+j داپلیکیت کنید . یک فیلتر Gaussian Blur دیگر اضافه کنید . این بار از یک شعاع بزرگتر برای کار استفاده کنید تا سایه نرم تری ایجاد شود . اگر هنوز سایه ها مناسب نیستند و کمی شارپ اند می توانید شفافیت لایه را پایین بیاورید .

در اینجا نتیجه این آموزش و کار را مشاهده می کنید . همانطور که می بینید فرایند تهیه آیکن بسیار ساده و آسان است . به تنها چیزهایی که نیاز داشتیم تعدادی شکل های برداری ساده و Layer Style بود . اگر در این زمینه سئوالی داشتید می توانید در قسمت نظرات آنها را مطرح کنید .

منبع:گویاآی‌تی
ارسال توسط کاربر محترم سایت :hasantaleb